<img alt="Header Inacap" style="border-radius: 20px;" src="<?=base_url();?>imagenes/header.png"></img>
<table>
    <tr>
        <td>Nombre:</td>
        <td><input type="text" id="nombre" size="20" class="uno"/></td>
    </tr>
    <tr>
        <td>Rut:</td>
        <td><input type="text" id="rut" size="20" class="uno"/>(sin puntos ni guión)</td>
    </tr>
    <tr>
        <td>Correo:</td>
        <td><input type="text" id="correo" size="20" class="uno"/></td>
    </tr>
    <tr>
        <td>Nickname:</td>
        <td><input type="text" id="nick" size="20" class="uno"/></td>
    </tr>
    <tr>
        <td>Clave:</td>
        <td><input type="password" id="clave" size="20" class="uno"/></td>
    </tr>
</table>

<div id="acordion">
    <h3><a href="#">Título 1</a></h3>
    <div id="primero">
        <label>Hola mundo</label>
    </div>
    <h3><a href="#">Título 2</a></h3>
    <div id="segundo">
        <label>Chao</label><br>
    </div>
    <h3><a href="#">Título 3</a></h3>
    <div id="tercero"></div>
</div>
<script>
    $("#acordion").accordion({collapsible: true});
    $("#primero").css("height","auto");
    $("#segundo").css("height","auto");
 </script>
<img alt="Footer Inacap" src="<?=base_url();?>imagenes/footer.png"></img>